<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/resources/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/resources/css/bootstrap.min.css"/>
    <script src="/resources/js/jquery.min.js"></script>
    <script src="/resources/js/bootstrap.min.js"></script>
    <script src="/resources/layui/css/layui.css"></script>
    <script src="/resources/layui/layui.js"></script>
    <script src="/resources/js/vue.js"></script>
    <script src="/resources/js/bootstrap.js"></script>
</head>
<body>
<div class="layui-form-item">
    <div class="layui-inline">
        <label class="layui-form-label">地址：</label>
        <div class="layui-input-inline">
            <input type="text" name="address_deta" id="" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input" >
        </div>
    </div>
    <div class="layui-inline">
        <label class="layui-form-label">操作人：</label>
        <div class="layui-input-inline">
            <input type="text" name="address_deta" id="xx1" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input" >
        </div>
    </div>
    <button class="layui-btn" lay-submit lay-filter="formDemo">查询</button>
</div>


<table id="demo" lay-filter="test"></table>
</body>
</html>


<script>
    layui.use('table', function(){
        var table = layui.table;

        //第一个实例
        table.render({
            elem: '#demo'
            ,height: 312
            ,url: '/demo/table/user/' //数据接口
            ,page: true //开启分页
            ,cols: [[ //表头
                {field: 'id', title: '单号'}
                ,{field: 'shij', title: '生成时间'}
                ,{field: 'cishu', title: '操作人'}
                ,{field: 'qupai', title: '地址'}
            ]]
        });
    });
</script>

